<template>
	<view>
		<view class="kjnjmdft">
			
		</view>
		<view class="pr parendfdst pd pt40">
			<navigator class="kkjnjnddert" v-for="sd in 4" url="conversionxq">
				<view class="pr cen">
					<view class="jjnmnxeertt">10元代金券</view>
					<image src="../../../static/img/tiokjsd.png" class="cz  w100" mode="widthFix"></image>
				</view>
				<view class="mt30 fz28 z3 cen">
					所有门店可使用
				</view>
				<view class="mt30 khjnndsty pd pt30 pm30">
					<view class="fz32 ls">
						100 <text class="fz28">科豆</text>
					</view>
					<view class="mt20 z9 fz24">
						已兑换1,000次
					</view>
				</view>
			</navigator>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		components: {
			
		},
		methods: {
			
		},
		mounted() {
			
		}
	}
</script>
<style scoped>
	.kjnjmdft{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background:rgba(232,232,232,1);
		z-index: 1;
	}
	.parendfdst{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	}
	.kkjnjnddert{
		background:rgba(255,255,255,1);
		border-radius:12upx;
	}
	.jjnmnxeertt{
		position: absolute;
		left: 0;
		width: 100%;
		top: 80upx;
		z-index: 100;
		color:rgba(246,212,132,1);
		font-size: 24upx;
	}
	.khjnndsty{
		background-color: #F4F7FF;
	}
</style>
